<template>
  <div class="mine">

    <!-- 账户状态 -->
    <div class="zhuanghu">
      <div class="img"><img src="@/assets/img/mine/morentouxiang.png" alt=""></div>
      <div class="text">
        <p v-if="!$store.getters.getUserInfo"  @click="$router.push({ name: 'login', query: { next: '/mine' } })" >登录/注册</p>
        <p v-else>{{ $store.getters.getUserInfo.name }}</p>
      </div>
    </div>
    <!-- 账户状态 End-->
    <!-- 我的订单 -->
    <div class="dingdan">
      <div class="top">
        <span class="fist">我的订单</span>
        <span class="nufist">查看全部订单></span>
      </div>
      <div class="buttom">
        <van-grid :border="false" :column-num="5">
          <van-grid-item>
            <div class="svg">
              <svg t="1669290616182" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="3204" width="30" height="30">
                <path
                  d="M832.36132813 344.80247107H210.09570287l-3.95507812-14.50195286c-9.22851588-31.640625 6.59179662-65.25878906 36.25488332-78.44238307L639.88085963 75.19797915C655.70117213 67.94700233 674.15820313 67.28782289 690.63769505 73.87961952s29.66308594 18.457031 36.91406276 34.93652368L832.36132813 344.80247107z m-588.6474612-39.55078125h527.34375026L691.29687525 124.63645571c-2.6367185-6.59179662-7.91015625-11.20605494-14.50195363-13.84277345-6.59179662-2.6367185-13.84277344-2.6367185-20.43457006 0.65917945L258.875 288.1130177c-7.91015625 3.29589869-12.52441381 9.88769531-15.16113307 17.13867212z"
                  fill="#323232" p-id="3205"></path>
                <path
                  d="M832.36132813 344.80247107H136.26757812v-32.95898464c0-61.96289037 50.097656-112.06054713 112.06054713-112.06054637h111.40136694L639.88085963 75.19797915C655.70117213 67.94700233 674.15820313 67.28782289 690.63769505 73.87961952s29.66308594 18.457031 36.91406276 34.93652368L832.36132813 344.80247107zM175.81835937 305.25168982h595.23925782L691.29687525 124.63645571c-2.6367185-6.59179662-7.91015625-11.20605494-14.50195363-13.84277345-6.59179662-2.6367185-13.84277344-2.6367185-20.43457006 0.65917945L368.29882787 239.33372131H248.32812525c-37.57324219 0-68.55468775 29.0039065-72.50976588 65.91796851z"
                  fill="#323232" p-id="3206"></path>
                <path
                  d="M834.99804662 858.96262732H189.00195338c-29.0039065 0-52.73437525-23.73046875-52.73437525-52.73437526V305.25168982h698.73046849c29.0039065 0 52.73437525 23.73046875 52.73437526 52.73437526v448.24218698c0 29.0039065-23.73046875 52.73437525-52.73437526 52.73437526zM175.81835937 344.80247107v461.42578099c0 7.25097682 5.93261719 13.18359399 13.18359401 13.18359402h645.99609324c7.25097682 0 13.18359399-5.93261719 13.18359401-13.18359402V357.98606508c0-7.25097682-5.93261719-13.18359399-13.18359401-13.18359401H175.81835937z"
                  fill="#323232" p-id="3207"></path>
                <path
                  d="M719.64160156 680.98411171c-30.98144557 0-56.03027318-25.04882838-56.03027318-56.03027319v-79.1015625c0-30.98144557 25.04882838-56.03027318 56.03027318-56.03027395s56.03027318 25.04882838 56.03027319 56.03027395v79.1015625c0 30.98144557-25.04882838 56.03027318-56.03027319 56.03027317z m0-151.61132839c-9.22851588 0-16.47949193 7.25097682-16.47949193 16.4794927v79.1015625c0 9.22851588 7.25097682 16.47949193 16.47949193 16.47949193s16.47949193-7.25097682 16.47949194-16.47949193v-79.1015625c0-9.22851588-7.25097682-16.47949193-16.47949194-16.4794927zM347.47534154 307.70383825l369.36474609-157.28027317 15.49072318 36.38671875-369.35815456 157.28027317z"
                  fill="#323232" p-id="3208"></path>
              </svg>

            </div>
            <p>待付款</p>
          </van-grid-item>
          <van-grid-item>
            <div class="svg">
              <svg t="1669290665248" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="5115" width="30" height="30">
                <path
                  d="M838.174758 140.444683 180.850951 140.444683c-50.327222 0-91.27482 40.977273-91.27482 91.304496l0 562.711985c0 50.327222 40.947598 91.27482 91.27482 91.27482l657.323806 0c50.327222 0 91.27482-40.947598 91.27482-91.27482l0-225.270627 0-23.254633 0-314.185702C929.449577 181.422979 888.503003 140.444683 838.174758 140.444683zM833.695746 197.597357c21.315468 0 38.632879 17.317411 38.632879 38.632879l0 151.072741-221.182518-0.361227-0.029676-189.344393L833.695746 197.597357zM591.498612 197.597357l0.060375 387.647831-55.288211-33.341363-5.65172-2.856048-0.330528 0.63138c-8.267291-2.795673-17.407462-1.923816-24.802896 2.52552-1.202385 0.751107-2.013867 1.593288-1.864464 1.804089l-53.18327 29.582759-0.060375-385.994168L591.498612 197.597357zM146.698107 236.229213c0-21.315468 17.317411-38.632879 38.632879-38.632879l205.428719 0 0.029676 189.735295-244.091274-0.390903L146.698107 236.229213zM872.327602 789.982152c0 21.315468-17.317411 38.632879-38.632879 38.632879L185.330986 828.615031c-21.315468 0-38.632879-17.317411-38.632879-38.632879L146.698107 446.528869l244.12095 0.361227 0.029676 187.209776c0 19.301602 19.180851 35.024701 38.422078 28.319999l0.51063 0.842181 91.454922-50.808176 84.811618 51.560306c13.709233 8.116865 32.800034 3.1569 40.857547-10.432607 2.885723-4.869914 4.118807-10.642384 3.698229-16.174378 0.029676-0.090051 0.060375-0.180102 0.090051-0.270153l0.480954-0.51063-0.029676-190.095499 221.182518 0.361227 0 99.287307 0 23.074531L872.327602 789.982152z"
                  p-id="5116"></path>
              </svg>

            </div>
            <p>待发货</p>
          </van-grid-item>
          <van-grid-item>
            <div class="svg">
              <svg t="1669290758205" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="8946" width="30" height="30">
                <path
                  d="M932.69 782.28c-20.83 0-37.74-16.89-37.74-37.74v-540.9H316.31v163.53c0 15.74-9.75 29.81-24.48 35.33l-176.78 66.3v275.75c0 20.85-16.89 37.74-37.74 37.74s-37.74-16.89-37.74-37.74v-301.9c0-15.74 9.75-29.81 24.48-35.33l176.78-66.3V165.9c0-20.85 16.89-37.74 37.74-37.74h654.12c20.83 0 37.74 16.89 37.74 37.74v578.64c0 20.85-16.9 37.74-37.74 37.74z"
                  p-id="8947"></path>
                <path
                  d="M391.79 593.59h-125.8c-20.85 0-37.74-16.89-37.74-37.74s16.89-37.74 37.74-37.74h88.05v-62.9c0-20.85 16.89-37.74 37.74-37.74s37.74 16.89 37.74 37.74v100.63c0 20.86-16.89 37.75-37.73 37.75z"
                  fill="#E62330" p-id="8948"></path>
                <path d="M379.21 719.39h251.58v75.48H379.21z" p-id="8949"></path>
                <path
                  d="M278.57 870.34c-62.43 0-113.21-50.78-113.21-113.21s50.78-113.21 113.21-113.21 113.21 50.78 113.21 113.21S341 870.34 278.57 870.34z m0-150.95c-20.81 0-37.74 16.93-37.74 37.74 0 20.81 16.93 37.74 37.74 37.74 20.81 0 37.74-16.93 37.74-37.74 0-20.82-16.93-37.74-37.74-37.74zM718.85 870.34c-62.43 0-113.21-50.78-113.21-113.21s50.78-113.21 113.21-113.21 113.21 50.78 113.21 113.21-50.78 113.21-113.21 113.21z m0-150.95c-20.81 0-37.74 16.93-37.74 37.74 0 20.81 16.93 37.74 37.74 37.74 20.81 0 37.74-16.93 37.74-37.74-0.01-20.82-16.93-37.74-37.74-37.74z"
                  p-id="8950"></path>
                <path
                  d="M920.11 794.86H794.32c-20.83 0-37.74-16.89-37.74-37.74s16.9-37.74 37.74-37.74h125.79c20.83 0 37.74 16.89 37.74 37.74s-16.9 37.74-37.74 37.74z"
                  p-id="8951"></path>
              </svg>
            </div>
            <p>待收货</p>
          </van-grid-item>
          <van-grid-item>
            <div class="svg">
              <svg t="1669290799269" class="icon" viewBox="0 0 1070 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="10011" width="30" height="30">
                <path
                  d="M535.248945 1024a63.299781 63.299781 0 0 1-44.253829-17.925602l-123.238512-125.199124H99.992928A100.83151 100.83151 0 0 1 0.001681 779.483589V101.391685A100.83151 100.83151 0 0 1 99.992928 0h870.231947a100.83151 100.83151 0 0 1 99.991248 101.391685v678.091904a100.83151 100.83151 0 0 1-99.991248 101.391685h-267.763676l-122.118162 124.078774a63.019694 63.019694 0 0 1-45.094092 19.045952zM99.992928 56.017505A45.654267 45.654267 0 0 0 56.019186 101.391685v678.091904a45.654267 45.654267 0 0 0 44.814004 46.214442H392.124219l138.363238 140.043763a8.402626 8.402626 0 0 0 12.043764 0l138.363239-140.043763h289.330415a45.654267 45.654267 0 0 0 44.814005-46.214442V101.391685A45.654267 45.654267 0 0 0 970.224875 56.017505zM865.47214 552.612691a96.070022 96.070022 0 1 1 94.949672-95.789934 94.949672 94.949672 0 0 1-94.949672 95.789934z m0-136.682713a40.892779 40.892779 0 0 0 0 81.785558 40.892779 40.892779 0 0 0 0-81.785558z m-330.223195 136.682713a96.070022 96.070022 0 1 1 94.949672-95.789934 94.949672 94.949672 0 0 1-94.949672 95.789934z m0-136.682713a40.892779 40.892779 0 0 0 0 81.785558 40.892779 40.892779 0 0 0 0-81.785558zM205.025751 552.612691a96.070022 96.070022 0 1 1 94.949671-95.789934 95.509847 95.509847 0 0 1-94.949671 95.789934z m0-136.682713a40.892779 40.892779 0 1 0 40.052516 41.172867 40.332604 40.332604 0 0 0-40.332604-41.452954z"
                  p-id="10012"></path>
              </svg>
            </div>
            <p>待评价</p>
          </van-grid-item>
          <van-grid-item>
            <div class="svg">
              <svg t="1669290835690" class="icon" viewBox="0 0 1024 1024" version="1.1"
                xmlns="http://www.w3.org/2000/svg" p-id="11063" width="30" height="30">
                <path
                  d="M609.3 288H225.7c-17.7 0-32-14.3-32-32s14.3-32 32-32h383.6c17.7 0 32 14.3 32 32s-14.3 32-32 32zM609.3 480.1H225.7c-17.7 0-32-14.3-32-32s14.3-32 32-32h383.6c17.7 0 32 14.3 32 32s-14.3 32-32 32zM417.5 672.1H225.7c-17.7 0-32-14.3-32-32s14.3-32 32-32h191.8c17.7 0 32 14.3 32 32s-14.3 32-32 32z"
                  p-id="11064"></path>
                <path
                  d="M159.8 832.2c-17.6 0-31.9-14.3-31.9-32V160c0-17.7 14.3-32 31.9-32h513.9c17.6 0 31.9 14.3 31.9 32v288.1c0 17.7 14.3 32 31.9 32 17.6 0 31.9-14.3 31.9-32V128c0-35.4-28.6-64-63.9-64H127.9C92.6 64 64 92.7 64 128v704.2c0 35.4 28.6 64 63.9 64h480.8c17.6 0 31.9-14.3 31.9-32s-14.3-32-31.9-32H159.8zM950.6 950.6c-12.5 12.5-32.8 12.5-45.3 0L701.6 746.9l45.3-45.3 203.8 203.7c12.4 12.5 12.4 32.8-0.1 45.3z"
                  p-id="11065"></path>
                <path
                  d="M654.1 585.5l49.7 49.7-14.3 53.2-53.3 14.3-49.7-49.7c-8.7 32.1-0.4 67.9 24.8 93.1 37.5 37.5 98.3 37.5 135.9 0 37.5-37.5 37.5-98.3 0-135.8-25.2-25.2-60.9-33.4-93.1-24.8z"
                  p-id="11066"></path>
              </svg>
            </div>
            <p>售后/退款</p>
          </van-grid-item>
        </van-grid>
      </div>
    </div>
    <!-- 我的订单 End-->
    <!-- 卡卷 -->
    <div class="kajuan">

      <van-grid :border="false" :column-num="4">
        <van-grid-item>
          <div class="svg">
            0
          </div>
          <p>卡卷</p>
        </van-grid-item>
        <van-grid-item>
          <div class="svg">
            0
          </div>
          <p>收藏店铺</p>
        </van-grid-item>
        <van-grid-item>
          <div class="svg">
            0
          </div>
          <p>收藏商品</p>
        </van-grid-item>
        <van-grid-item>
          <div class="svg">
            0
          </div>
          <p>足迹</p>
        </van-grid-item>

      </van-grid>

    </div>
    <!-- 卡卷 End-->
    <!-- 余额 -->
    <div class="yuer">
      <van-grid :border="false" :column-num="5">
        <van-grid-item>
          <div class="svg">
            <svg viewBox="0 0 1024 1024" width="30px" height="30px" style="display: block;">
              <path
                d="M890.88 358.161067a712.3968 712.3968 0 0 0-89.088-74.820267c-5.461333-3.959467-9.454933-7.236267-14.2336-9.8304 43.485867-20.957867 72.704-59.733333 72.704-103.765333 0-69.632-70.7584-123.357867-154.350933-123.357867-19.0464 0-36.693333 3.2768-53.077334 9.147733-8.192 2.56-13.585067 5.290667-18.3296 7.850667-1.979733 1.365333-8.9088-0.682667-10.922666-3.2768-6.0416-9.147733-15.633067-19.592533-29.184-30.788267l-0.853334-0.682666c-46.762667-38.229333-116.3264-38.229333-163.089066 0.136533-0.273067 0.1024-0.375467 0.4096-0.682667 0.546133-13.550933 11.195733-23.1424 21.7088-29.218133 30.788267-1.979733 2.594133-8.874667 3.959467-10.888534 3.310933a99.157333 99.157333 0 0 0-18.3296-7.8848 150.3232 150.3232 0 0 0-53.111466-9.147733c-83.5584 0-154.282667 53.111467-154.282667 123.357867 0 44.032 29.184 82.7392 72.669867 103.765333-4.846933 2.594133-8.9088 5.870933-14.267734 9.8304-30.6176 20.957867-60.5184 46.626133-89.088 74.820267C50.9952 439.569067 0 533.504 0 637.269333 0 926.139733 229.853867 1024 506.538667 1024h10.922666C794.146133 1024 1024 926.1056 1024 637.269333c0.170667-103.765333-50.8928-197.7344-133.12-279.108266z m-232.209067 264.635733H552.618667V662.186667h78.062933c22.493867 0 40.823467 17.681067 40.823467 39.389866 0 21.7088-18.3296 39.389867-40.823467 39.389867h-78.2336v60.381867c0 21.674667-18.363733 39.389867-40.789333 39.389866-22.459733 0-40.789333-17.7152-40.789334-39.389866v-60.381867h-81.578666c-22.493867 0-40.823467-17.681067-40.823467-39.389867 0-21.7088 18.397867-39.389867 40.823467-39.389866h81.578666v-39.389867h-105.472c-22.459733 0-40.789333-17.7152-40.789333-39.389867 0-21.7088 18.3296-39.389867 40.789333-39.389866h47.581867l-35.293867-73.489067c-15.633067-15.837867-15.633067-40.7552 0-55.773867 16.384-15.121067 42.222933-15.121067 57.787734 0l76.0832 112.878934 83.012266-112.878934c16.384-15.121067 42.1888-15.121067 57.7536 0 15.633067 15.837867 15.633067 40.7552 0 55.773867l-42.222933 73.489067h48.298667c22.459733 0 40.789333 17.749333 40.789333 39.389866 0.273067 21.640533-18.056533 39.389867-40.516267 39.389867z"
                fill="#F95D0C"></path>
            </svg>
          </div>
          <p>我的余额</p>
        </van-grid-item>
        <van-grid-item>
          <div class="svg">

            <svg viewBox="0 0 1024 1024" width="30px" height="30px" style="display: block;">
              <path
                d="M496.251586 0C210.096552 0 17.655172 106.46069 17.655172 237.779862c0 131.283862 192.441379 237.709241 478.596414 237.709241 286.190345 0 478.667034-106.425379 478.667035-237.709241 0-131.319172-192.47669-237.779862-478.667035-237.779862z"
                fill="#FABB27"></path>
              <path
                d="M496.251586 547.027862C284.601379 547.027862 142.159448 488.801103 61.722483 405.362759 33.403586 434.740966 17.655172 467.261793 17.655172 501.442207c0 131.319172 192.441379 237.779862 478.596414 237.779862 286.190345 0 478.667034-106.46069 478.667035-237.779862 0-34.180414-15.748414-66.701241-44.137931-96.079448-80.401655 83.438345-222.878897 141.665103-434.529104 141.665103"
                fill="#FABB27"></path>
              <path
                d="M496.251586 817.293241C281.882483 817.293241 137.427862 757.512828 58.615172 672.308966 32.238345 700.839724 17.655172 732.19531 17.655172 765.139862 17.655172 896.459034 210.096552 1002.884414 496.251586 1002.884414 782.477241 1002.884414 974.918621 896.459034 974.918621 765.139862c0-32.944552-14.618483-64.300138-40.96-92.830896-78.848 85.203862-223.26731 144.984276-437.707035 144.984275"
                fill="#FABB27"></path>
            </svg>
          </div>
          <p>我的积分</p>
        </van-grid-item>

        <van-grid-item>
          <div class="svg">
            <svg viewBox="0 0 1024 1024" width="30px" height="30px" style="display: block;">
              <path
                d="M216.417103 0c-36.193103 0-60.38069 22.386759-60.380689 55.896276 0 33.544828 24.187586 55.896276 60.380689 55.896276h571.921656c36.228414 0 60.38069-22.316138 60.380689-55.896276 0-33.544828-24.152276-55.896276-60.380689-55.896276H216.417103z m-60.380689 167.688828C89.688276 167.688828 35.310345 218.006069 35.310345 279.51669V894.411034c0 61.44 54.342621 111.792552 120.761379 111.792552h692.647724c66.454069 0 120.761379-50.317241 120.76138-111.792552V279.51669c0-61.510621-54.30731-111.827862-120.76138-111.827862H156.071724z m527.465931 223.620413c0-33.580138 24.152276-55.896276 60.380689-55.896275 36.193103 0 60.38069 22.316138 60.38069 55.896275 0 156.495448-132.837517 279.481379-301.903448 279.48138-168.99531 0-301.797517-122.985931-301.797517-279.48138 0-33.580138 24.081655-55.896276 60.380689-55.896275 36.157793 0 60.345379 22.316138 60.34538 55.896275 0 94.984828 78.424276 167.688828 181.106758 167.688828 102.611862 0 181.106759-72.66869 181.106759-167.724138z"
                fill="#FF2A3F"></path>
            </svg>
          </div>
          <p>拼团返现</p>
        </van-grid-item>
        <van-grid-item>
          <div class="svg">
            <svg t="1669297903651" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="12679" width="30" height="30">
              <path
                d="M213.333333 896h597.333334V128H213.333333v768z m-42.666666 85.333333a42.666667 42.666667 0 0 1-42.666667-42.666666V85.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h682.666666a42.666667 42.666667 0 0 1 42.666667 42.666666v853.333334a42.666667 42.666667 0 0 1-42.666667 42.666666H170.666667z"
                fill="#1768E4" p-id="12680"></path>
              <path
                d="M520.832 341.333333c-35.285333 0-64 28.714667-64 64s28.714667 64 64 64 64-28.714667 64-64-28.714667-64-64-64z m-119.168 264.832L341.333333 545.834667l56.32-56.32A148.266667 148.266667 0 0 1 371.498667 405.333333c0-82.346667 66.986667-149.333333 149.333333-149.333333s149.333333 66.986667 149.333333 149.333333c0 31.232-9.685333 60.202667-26.154666 84.181334l56.32 56.32L640 606.165333l-62.677333-62.677333a148.693333 148.693333 0 0 1-112.981334 0l-62.677333 62.677333zM341.333333 768v-85.333333h341.333334v85.333333H341.333333z"
                fill="#8BB3F1" p-id="12681"></path>
            </svg>
          </div>
          <p>公司证照</p>
        </van-grid-item>
        <van-grid-item>
          <div class="svg">
            <svg t="1669297863381" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
              p-id="12093" width="30" height="30">
              <path
                d="M608.929951 671.715102c-34.230808 0-60.892995-2.580212-68.461616-3.440282-17.545439-2.064169-30.274483-17.717453-28.210314-35.262893 1.892155-17.545439 17.545439-30.102469 35.262893-28.210314 79.642533 8.77272 201.772552 1.204099 223.102301-43.175542 7.568621-15.825298 26.662187-22.705863 42.659499-14.965228 15.997312 7.568621 22.705863 26.834201 14.965228 42.659499C794.361162 659.330086 683.412061 671.715102 608.929951 671.715102z"
                p-id="12094" fill="#1296db"></path>
              <path
                d="M896.021502 639.892491c-17.717453 0-31.994625-14.277171-31.994625-31.994625l0-110.261045-42.831514-15.309256c-12.729044-4.472367-21.32975-16.685369-21.32975-30.102469 0-158.769024-129.182597-287.951621-287.951621-287.951621-158.769024 0-287.951621 129.182597-287.951621 287.951621 0 10.320847-4.988409 19.953637-13.417101 25.974131l-18.577524 13.245087 0 116.281539c0 17.717453-14.277171 31.994625-31.994625 31.994625s-31.994625-14.277171-31.994625-31.994625l0-132.794893c0-10.320847 4.988409-19.953637 13.417101-25.974131l18.921552-13.589115c8.77272-186.291282 163.069377-335.255501 351.596842-335.255501C698.377289 100.284226 851.469847 245.980178 863.338821 429.519234l43.51957 15.48127c12.729044 4.472367 21.32975 16.685369 21.32975 30.102469l0 132.794893C928.016126 625.61532 913.738955 639.892491 896.021502 639.892491z"
                p-id="12095" fill="#1296db"></path>
              <path
                d="M639.892491 783.696288 639.892491 774.063497c28.0383-21.845792 50.400134-43.003528 63.645221-72.761969-29.070385 4.644381-61.581052 2.92424-87.727196 2.92424-31.994625 0-59.344868 0.860071-76.030237-1.032085-35.090879-3.956325-60.376953-38.703175-56.592642-73.794053 3.956325-35.090879 35.778935-60.720981 70.697799-56.592642 71.213842 7.568621 149.82429-0.688056 181.302873-13.933143 1.376113-29.242399 1.032085-60.032925 1.032085-83.426844 0-136.923232-83.254829-218.113892-216.737779-221.038132-0.688056 0-18.749538 0-19.437594 0-133.48295 2.752226-213.469511 84.974971-213.469511 222.070217 0 84.630942 1.376113 222.758273 97.359987 297.756425l0 9.63279c-127.978498 19.953637-226.026541 72.589955-226.026541 142.083655 0 17.717453 14.793214 34.230808 32.510667 34.230808l628.023518 0c17.717453 0 39.907274-16.513355 39.907274-34.230808C858.522426 856.286242 768.043004 803.821939 639.892491 783.696288z"
                p-id="12096" fill="#1296db"></path>
            </svg>
          </div>
          <p>联系客服</p>
        </van-grid-item>
      </van-grid>
    </div>
    <!-- 余额 End-->
    <!-- 推广员 -->
    <div class="tuiguang">
      <div class="left">
        <span>
          <svg viewBox="0 0 1024 1024" width="22px" height="22px" style="display: block;"><path d="M911.155283 532.891073c-4.198387-6.297581-12.543962-8.345575-18.790344-8.345575-8.345575 0-14.643156 2.047994-18.790344 8.345575l-50.175849 50.17585 106.54688 104.498886 48.076656-52.223843c6.297581-4.249587 8.396775-12.595162 8.396775-18.841544 0-8.396775-2.099194-14.643156-8.396775-18.841543l-66.866999-64.767806z m-344.779766-110.745267h-305.151085a60.671818 60.671818 0 0 1 0-121.241237h305.151085a60.671818 60.671818 0 0 1 0 121.241237zM443.035087 664.577078H261.224432a60.620618 60.620618 0 0 1 0-121.190036h181.810655a60.671818 60.671818 0 0 1 0 121.190036zM704.256703 0.003072H146.331977A145.407564 145.407564 0 0 0 0.002816 146.281033v731.441006A146.68756 146.68756 0 0 0 146.331977 1024h202.700192v-131.583605l501.502495-511.998464V146.229833A145.407564 145.407564 0 0 0 704.256703 0.003072zM482.766168 919.552313V1024h106.54688l305.151085-307.199078-106.598081-104.447687-305.099884 307.199078z" fill="#06CCBF"></path></svg>
        </span>
        <span>
          申请为推广员
        </span>
      </div>
      <div class="riegt">
        <div>
          <svg viewBox="0 0 1024 1024" width="16px" height="16px" style="display: block;"><path d="M258.176 903.552 315.712 961.088 766.336 510.4 764.352 508.544 764.736 508.16 322.688 66.176 264.704 124.096 651.136 510.592Z" fill="#333333"></path></svg>
        </div>
      </div>
    </div>
    <!-- 推广员 End-->
  </div>
</template>
<style lang="less" >
.mine {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: #f6f6f6;

  .zhuanghu {
    margin: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;

    .img {
      width: 65px;
      height: 65px;

      img {
        width: 100%;
      }
    }

    .text {
      margin-left: 10px;
      font-size: 20px;
    }
  }

  .dingdan {
    background-color: #fff;

    width: 95%;

    margin: 20px auto 20px;
    border-radius: 10px;

    .top {
      height: 50px;
      display: flex;
      padding: 10px;
      justify-content: space-between;
      align-items: center;

      .fist {
        font-size: 20px;
      }

      .nufist {
        font-size: 12px;
        color: #959595;
      }
    }

    .buttom {
      display: flex;
      justify-content: space-around;
      flex-wrap: nowrap;

      .van-grid {
        width: 100%;

        p {
          font-size: 12px;
        }
      }

    }


  }

  .kajuan {
    background-color: #fff;

    width: 95%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    margin: 20px auto 20px;
    border-radius: 10px;

    .van-grid {
      width: 100%;

      .van-grid-item__content {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        border-radius: 10px;

        .svg {
          width: 30px;
          height: 30px;
          color: red;

          margin-bottom: 10px;


        }

        p {
          font-weight: 700;
          font-size: 15px;
        }
      }

    }

  }

  .yuer {
    background-color: #fff;
    
    width: 95%;
    display: flex;
    justify-content: space-evenly;
    flex-wrap: nowrap;
    margin: 20px auto 20px;
    border-radius: 10px;

    p {
      margin-top: 10px;
      font-size: 12px;
    }

  }
  .tuiguang{
    background-color: #fff;
    width: 95%;
    height: 52px;
    display: flex;
    justify-content: space-between;
   align-items: center;
    margin: 20px auto 20px;
    border-radius: 10px;
    padding: 10px;
    .left{
     
      display: flex;
      justify-content: flex-start;
      align-items: center;
    }
    .riegt{

    }
  }
}
</style>
